草庐IT

Foundation 表格

全部标签

html - 你如何制作一个 100% 宽度的表格,其中的列宽度都相等?

我正在尝试制作一个100%拉伸(stretch)页面的表格(或者它所在的任何容器,具体取决于我使用它的位置)。当我将表格的宽度指定为100%时,它会根据内容的宽度自动调整列的大小。大多数情况下,当我不介意不同宽度的列时,这很好,但为此,我需要所有列的宽度相同。我知道我可以为列指定百分比宽度,但我需要它适用于任意数量的列。到目前为止,这是我的代码:http://jsfiddle.net/zwWHZ/2/是否可以使用纯CSS制作一个宽度为100%且列宽相同的表格而无需为每列指定百分比? 最佳答案 我尝试将table-layout:fix

html - CSS,文本溢出表格单元格

我在虚拟机上工作,所以我不能复制代码……我会发布屏幕。我想问题是微不足道的,但我无法处理它......请给我一些建议:表格代码:https://dl.dropboxusercontent.com/u/108321090/WWW1.png网站的CSS代码和视线:https://dl.dropboxusercontent.com/u/108321090/WWW.png所以一般来说,正如您在第二个链接上看到的那样,该行中有一个文本并且它不想换行,它一直作为channel运行并且超出了表格列边界。 最佳答案 示例假设您有一个简单的两行表格,

html - CSS,文本溢出表格单元格

我在虚拟机上工作,所以我不能复制代码……我会发布屏幕。我想问题是微不足道的,但我无法处理它......请给我一些建议:表格代码:https://dl.dropboxusercontent.com/u/108321090/WWW1.png网站的CSS代码和视线:https://dl.dropboxusercontent.com/u/108321090/WWW.png所以一般来说,正如您在第二个链接上看到的那样,该行中有一个文本并且它不想换行,它一直作为channel运行并且超出了表格列边界。 最佳答案 示例假设您有一个简单的两行表格,

html - 不使用表格如何实现表格布局?

以进步(和学习)的名义,我怎样才能从我的代码中删除表格并实现相同的布局?例如,这是我的表:PoltairHomesPlcRegisteredOffice:TheOldChapel,Greenbottom,Truro,Cornwall,TR48QP.RegisteredinEngland&Wales:3955425www.poltairhomes.cominfo@poltairhomes.comTermsandConditions|PrivacyPolicy|SitemapSIGNUPFOROURNEWSLETTER:以及相关的CSS:.footertext{margin:0;paddi

html - 不使用表格如何实现表格布局?

以进步(和学习)的名义,我怎样才能从我的代码中删除表格并实现相同的布局?例如,这是我的表:PoltairHomesPlcRegisteredOffice:TheOldChapel,Greenbottom,Truro,Cornwall,TR48QP.RegisteredinEngland&Wales:3955425www.poltairhomes.cominfo@poltairhomes.comTermsandConditions|PrivacyPolicy|SitemapSIGNUPFOROURNEWSLETTER:以及相关的CSS:.footertext{margin:0;paddi

html - 为什么_不_使用 html 表格进行布局

这个问题在这里已经有了答案:WhynotusetablesforlayoutinHTML?[closed](66个答案)关闭5年前。这几天一直在思考这个问题。我目前正在编写一个Web应用程序(实际上是向现有的广泛应用程序添加一个屏幕)。我知道使用“表格”进行布局是一个很大的禁忌。但是在这个应用程序中,所有页面都使用表格进行布局。我决定改用div来制作我的新页面。但是我遇到了两个障碍。很多我需要做的布局工作已经在其他页面上完成了,如果我改用div,我就不能重复使用其中的任何东西(CSS和JS以及类似的东西)。这会导致更多工作并推迟我的完成日期。布局的一些更复杂的部分使用div确实很难做到

html - 为什么_不_使用 html 表格进行布局

这个问题在这里已经有了答案:WhynotusetablesforlayoutinHTML?[closed](66个答案)关闭5年前。这几天一直在思考这个问题。我目前正在编写一个Web应用程序(实际上是向现有的广泛应用程序添加一个屏幕)。我知道使用“表格”进行布局是一个很大的禁忌。但是在这个应用程序中,所有页面都使用表格进行布局。我决定改用div来制作我的新页面。但是我遇到了两个障碍。很多我需要做的布局工作已经在其他页面上完成了,如果我改用div,我就不能重复使用其中的任何东西(CSS和JS以及类似的东西)。这会导致更多工作并推迟我的完成日期。布局的一些更复杂的部分使用div确实很难做到

javascript - 如何在调整表格大小时减少 DOM 重绘量?

我有一个具有调整大小功能的表格。实际上,它不是元素。我使用的集群元素。简而言之,我的调整大小函数是一个嵌套的“for”循环。它是这样的:functionresizeTable(computedCellWidth){for(varr=0;r据我了解,每个rows[r].cells[c].domNode.style.width=computedCellWidth+'px';导致整个文档重绘。所以,如果一个表足够大,那么调整表的大小会极大地降低浏览器的速度。我尝试使用节流(100毫秒)来减少调整大小事件的数量,但如果表足够大,那么即使是一次调整大小也会花费太多时间。我可以分配所有width吗

javascript - 如何在调整表格大小时减少 DOM 重绘量?

我有一个具有调整大小功能的表格。实际上,它不是元素。我使用的集群元素。简而言之,我的调整大小函数是一个嵌套的“for”循环。它是这样的:functionresizeTable(computedCellWidth){for(varr=0;r据我了解,每个rows[r].cells[c].domNode.style.width=computedCellWidth+'px';导致整个文档重绘。所以,如果一个表足够大,那么调整表的大小会极大地降低浏览器的速度。我尝试使用节流(100毫秒)来减少调整大小事件的数量,但如果表足够大,那么即使是一次调整大小也会花费太多时间。我可以分配所有width吗

javascript - 可滚动的 HTML 表格,顶行和左列已卡住

有没有人能够在HTML中实现一个可滚动的表格,其中TOP行和LEFT列被卡住,但表格的其余部分是可滚动的?一个完美的例子是:GoogleSquared我试图对google平方表的代码进行逆向工程,但到目前为止我一直没有成功。注意:我需要能够同时卡住顶行和左列。 最佳答案 在http://ajaxian.com/archives/freeze-pane-functionality有一个工作示例那应该很容易复制。请务必注意评论——许多用户都提出了改进脚本的有用建议。根据@Nirk的要求,事件演示的直接链接位于http://www.dis